<template>
	<view class="bg" v-show="isShow">
		<!-- 头部开始 -->
		<view class="title">
			<view class="category" @click="goTo(1)">
				<view class="iconfont icon-muying" style="font-size: 40rpx;"></view>
				<text>分类</text>
			</view>
			<view class="search" @click="goTo(1)">
				<image src="https://oss.laiba.shop/system/shop/search01.png" mode=""></image>
			</view>
			<view class="bag" @click="goTo(2)">
				<view class="iconfont icon-tuangou"></view>
				<text>购物袋</text>
			</view>
		</view>
		<!-- 轮播图开始 -->
		<view class="uni-padding-wrap" style="margin: 0 30rpx;">
			<view class="page-section swiper">
				<view class="page-section-spacing">
					<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
						<swiper-item v-for="swiper in swiperList" :key="swiper.id">
							<view class="swiper-item">
								<image :src="swiper.img" mode="" @tap="toSwiper(swiper)"></image>
							</view>
						</swiper-item>
						<!-- <swiper-item>
							<view class="swiper-item">
								<image src="../../static/shop/lunbo01.jpg" mode=""></image>
							</view>
						</swiper-item> -->
					</swiper>
				</view>
			</view>
		</view>
		<!-- 保障开始 -->
		<view class="service">
			<view>爸妈自营</view>
			<view>假一赔十</view>
			<view>低价保障</view>
			<view>售后无忧</view>
		</view>
		<!-- 类别开始 -->
		<view class="big-category">
			<view class="top">
				<view @click="goTo(4)">
					<image src="https://oss.laiba.shop/system/shop/category01.png" mode=""></image>
					<text>美妆护肤</text>
				</view>
				<view @click="goTo(5)">
					<image src="https://oss.laiba.shop/system/shop/category02.png" mode=""></image>
					<text>母婴用品</text>
				</view>
				<view @click="goTo(6)">
					<image src="https://oss.laiba.shop/system/shop/category03.png" mode=""></image>
					<text>营养保健</text>
				</view>
				<view @click="goTo(7)">
					<image src="https://oss.laiba.shop/system/shop/category04.png" mode=""></image>
					<text>个人护理</text>
				</view>
				<!-- <view @click="goTo(8)">
					<image src="https://oss.laiba.shop/system/shop/category05.png" mode=""></image>
					<text>服饰箱包</text>
				</view> -->
				<view @click="goTo(13)">
					<image src="https://oss.laiba.shop/system/shop/category10.png" mode=""></image>
					<text>全部分类</text>
				</view>
			</view>
			<!-- <view class="bottom">
				<view @click="goTo(9)">
					<image src="https://oss.laiba.shop/system/shop/category06.png" mode=""></image>
					<text>休闲食品</text>
				</view>
				<view @click="goTo(10)">
					<image src="https://oss.laiba.shop/system/shop/category07.png" mode=""></image>
					<text>家居日用</text>
				</view>
				<view @click="goTo(11)">
					<image src="https://oss.laiba.shop/system/shop/category08.png" mode=""></image>
					<text>数码电子</text>
				</view>
				<view @click="goTo(12)">
					<image src="https://oss.laiba.shop/system/shop/category09.png" mode=""></image>
					<text>宠物生活</text>
				</view>
				<view @click="goTo(13)">
					<image src="https://oss.laiba.shop/system/shop/category10.png" mode=""></image>
					<text>全部分类</text>
				</view>
			</view> -->
		</view>
		<!-- 优惠券开始 -->
		<view class="coupon">
			<view class="coupon-info">
				<image src="https://oss.laiba.shop/system/shop/coupon_left.png" mode=""></image>
				<text>礼券</text>
				<image src="https://oss.laiba.shop/system/shop/coupon_right.png" mode=""></image>
			</view>
			<view class="coupon-con">
				<view class="coupon-bg">
					<image src="https://oss.laiba.shop/system/shop/coupun_bg.png" mode=""></image>
				</view>
				<view class="coupon-list">
					<image src="https://oss.laiba.shop/system/shop/coupon01.png" mode="" @click="goTo(14)"></image>
					<image src="https://oss.laiba.shop/system/shop/coupon02.png" mode="" @click="goTo(15)"></image>
					<image src="https://oss.laiba.shop/system/shop/coupon03.png" mode="" @click="goTo(16)"></image>
				</view>
			</view>
		</view>
		<!-- 榜单开始 -->
		<view class="sale-top">
			<view class="sale-left">
				<view class="sale-left-top" @click="goTo(17)">
					<text>优选榜单</text>
					<text>大家都在买什么</text>
					<view>
						<image src="https://oss.laiba.shop/system/shop/top01.jpg" mode=""></image>
						<image src="https://oss.laiba.shop/system/shop/top02.jpg" mode=""></image>
					</view>
				</view>
				<view class="sale-left-center" @click="goTo(18)">
					<view>
						<text>国家馆</text>
						<text>足不出户 逛全球</text>
					</view>
					<view>
						<image src="https://oss.laiba.shop/system/shop/top03.jpg" mode=""></image>
					</view>
				</view>
				<view class="sale-left-bottom" @click="goTo(19)">
					<view>
						<text>自营超市</text>
						<text>大牌授权专区</text>
					</view>
					<view class="milk">
						<image src="https://oss.laiba.shop/system/shop/top04.jpg" mode=""></image>
					</view>
				</view>
			</view>
			
			<view class="sale-right">
				<view class="sale-left-top" @click="goTo(20)">
					<text>新品首发</text>
					<text>海量新品</text>
					<view>
						<image src="https://oss.laiba.shop/system/shop/top05.jpg" mode=""></image>
						<image src="https://oss.laiba.shop/system/shop/top06.jpg" mode=""></image>
					</view>
				</view>
				<view class="sale-left-center" @click="goTo(21)">
					<view>
						<text>品牌馆</text>
						<text>总有钟情的一款</text>
					</view>
					<view style="margin-left: 8rpx;">
						<image src="https://oss.laiba.shop/system/shop/top07.jpg" mode=""></image>
					</view>
				</view>
				<view class="sale-left-bottom" @click="goTo(22)">
					<view>
						<text>领券中心</text>
						<text>数券数到手抽筋</text>
					</view>
					<view class="milk" style="margin-left: 6rpx;">
						<image src="https://oss.laiba.shop/system/shop/top08.jpg" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<!-- 每日4款超低价回馈 -->
		<view class="goods-list">
			<view class="goods-top">
				<view class="goods-top-left" @click="goTo(23)">
					<text>杯具熊团购</text>
					<text>来爸来妈授权</text>
					<view>
						<image src="https://oss.laiba.shop/system/shop/goods01.jpg" mode=""></image>
						<image src="https://oss.laiba.shop/system/shop/goods02.jpg" mode=""></image>
					</view>
				</view>
				<view class="goods-top-right" @click="goTo(24)">
					<text>冬日奶油肌肤</text>
					<text>远离干燥肌</text>
					<view>
						<image src="https://oss.laiba.shop/system/shop/goods03.jpg" mode=""></image>
						<image src="https://oss.laiba.shop/system/shop/goods04.jpg" mode=""></image>
					</view>
				</view>
			</view>
			<view class="goods-bottom">
				<view class="goods-info">
					<text>19元超值好物</text>
					<text>每日4款超低价回馈</text>
				</view>
				<view class="goods-four">
					<view class="goods-one" v-for="item in nineteenYuan" :key="item.id" @click="navTo(item)">
						<image :src="item.thumb" mode=""></image>
						<text class="goods-title">{{ item.title }}</text>
						<view class="goods-price">
							<text>¥{{ item.marketprice }}</text>
							<text>¥{{ item.productprice }}</text>
						</view>
					</view>
					
				</view>
			</view>
		</view>
		<!-- 24小时热卖 -->
		<view class="hot-sale" v-if="hotSale.length > 0">
			<view class="hot-sale-info">
				<image src="https://oss.laiba.shop/system/shop/coupon_left.png" mode=""></image>
				<text>24小时最热卖</text>
				<image src="https://oss.laiba.shop/system/shop/coupon_right.png" mode=""></image>
			</view>
			<view class="hot-sale-list">
				<view class="hot-sale-one" v-for="item in hotSale" :key="item.id" @click="navTo(item)">
					<view class="hot-sale-bg"></view>
					<view class="hot-sale-pro">
						<image :src="item.thumb" mode=""></image>
						<view class="hot-sale-title">
							<view class="hot-sale-info-title">{{ item.title }}</view>
							<view class="hot-sale-price">
								<text>￥{{ item.marketprice }}</text>
								<text>￥{{ item.productprice }}</text>
							</view>
						</view>
						<view class="hot-sale-bag">
							<view class="iconfont icon-tuangou" style="color: #fff;font-size: 26rpx;"></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 玩具模块 -->
		<view class="common" v-if="goods_toy.length > 0">
			<image src="https://oss.laiba.shop/system/shop/baby01.jpg" mode="" class="big-img"></image>
			<view class="common-list">
				<view class="common-list-title" @click="goTo(25)">
					<view>TOP10</view>
					<view>销售榜单</view>
					<image :src="goods_toy[0].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(26)">
					<view>宝妈推荐</view>
					<view>热门好物</view>
					<image :src="goods_toy[1].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(27)">
					<view>智恩堡专区</view>
					<view>来爸来妈特供</view>
					<image :src="goods_toy[2].thumb" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 宝宝需要的 -->
		<view class="common" v-if="goods_baby.length > 0">
			<image src="https://oss.laiba.shop/system/shop/baby02.jpg" mode="" class="big-img"></image>
			<view class="common-list">
				<view class="common-list-title" @click="goTo(28)">
					<view>TOP10</view>
					<view>销售榜单</view>
					<image :src="goods_baby[0].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(29)">
					<view>爱上吃饭</view>
					<view>吃饭香</view>
					<image :src="goods_baby[1].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(30)">
					<view>妈妈放心</view>
					<view>假一赔十</view>
					<image :src="goods_baby[2].thumb" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 美妆面膜 -->
		<view class="common" v-if="goods_mask.length > 0">
			<image src="https://oss.laiba.shop/system/shop/mei_zhuang.jpg" mode="" class="big-img"></image>
			<view class="common-list">
				<view class="common-list-title" @click="goTo(31)">
					<view>TOP10</view>
					<view>销售榜单</view>
					<image :src="goods_mask[0].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(32)">
					<view>买家力荐</view>
					<view>老司机带路</view>
					<image :src="goods_mask[1].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(33)">
					<view>超值套装</view>
					<view>一次搞定</view>
					<image :src="goods_mask[2].thumb" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 服饰 -->
		<view class="common" v-if="goods_costume.length > 0">
			<image src="https://oss.laiba.shop/system/shop/fu_shi.jpg" mode="" class="big-img"></image>
			<view class="common-list">
				<view class="common-list-title" @click="goTo(34)">
					<view>TOP10</view>
					<view>销售榜单</view>
					<image :src="goods_costume[0].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(35)">
					<view>亲肤纯棉</view>
					<view>温和不刺激</view>
					<image :src="goods_costume[1].thumb" mode=""></image>
				</view>
				<view class="common-list-title" @click="goTo(36)">
					<view>快乐过大年</view>
					<view>新年换新包</view>
					<image :src="goods_costume[2].thumb" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 隔墙法 -->
		<view style="height: 80rpx;"></view>
	</view>
</template>

<script>
	import { getProHot } from '../../api/index.js'
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 4000,
				duration: 500,
				swiperList: [
					// {
					// 	id: 2,
					// 	src: "http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.brand&id=229",
					// 	img: "https://oss.laiba.shop/system/shop/lunbo01.jpg"
					// },
					{ 
						id: 3,
						src: 'https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=116',
						img: 'https://oss.laiba.shop/system/images/melon.jpg'
					},
					{
						id: 4,
						src: 'https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=116',
						img: 'https://oss.laiba.shop/system/images/mango.jpg'
					}
					// {
					// 	id: 1,
					// 	src: "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=115",
					// 	img: "https://oss.laiba.shop/system/images/WechatIMG11640.jpeg"
					// }
					
				],
				isShow: false, // 内容是否显示
				nineteenYuan: [] ,// 19元超级好物
				hotSale: [], // 24小时热卖
				goods_toy: [], // 玩具模块
				goods_baby: [], // 宝宝需要的
				goods_mask: [], // 美妆面膜
				goods_costume: [], // 服饰
			}
		},
		onLoad(){
			this._getProHot() //获取产品信息 19元的 和 热卖产品
		},
		methods: {
			_getProHot() {
				getProHot({}, (res) => {
					console.log("100fen")
					console.log(res)
					console.log("100fen")
					if (res.code === 3) {
						uni.showToast({
				　　　　　　 title: res.message,
				　　　　　　 icon: 'none'
				　　　　 })
						let url = encodeURIComponent(`https://mobile.laiba.shop/html/#/pages/shopping/shopping`)
						window.location.href = 'https://mobile.laiba.shop/activity/visitor/auth?url=' + url
					} else {
						this.isShow = true
						if (res.goods.goods_19y) {
							this.nineteenYuan = res.goods.goods_19y
						}
						if (res.goods.goods_24h) {
							this.hotSale = res.goods.goods_24h
						}
						if (res.goods.goods_toy) {
							this.goods_toy = res.goods.goods_toy
						}
						if (res.goods.goods_baby) {
							this.goods_baby = res.goods.goods_baby
						}
						if (res.goods.goods_mask) {
							this.goods_mask = res.goods.goods_mask
						}
						if (res.goods.goods_costume) {
							this.goods_costume = res.goods.goods_costume
						}
						// this.nineteenYuan = res.goods.goods_19y
						// this.hotSale = res.goods.goods_24h
						// this.goods_toy = res.goods.goods_toy
						// this.goods_baby = res.goods.goods_baby
						// this.goods_mask = res.goods.goods_mask
						// this.goods_costume = res.goods.goods_costume
					}
				})
			},
			navTo(data) {
				console.log(data)
				window.location.href = data.url
			},
			toSwiper(e) {
				window.location.href = e.src
			},
			goTo(data) {
				switch (data) {
					case 1:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category'
					break
					case 2:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.cart'
					break
					case 4:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=1185'
					break
					case 5:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=1101'
					break
					case 6:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=995'
					break
					case 7:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=914'
					break
					case 8:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=717'
					break
					case 9:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=956'
					break
					case 10:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=81'
					break
					case 11:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods&cate=720'
					break
					case 12:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.indexMenuDetail&cateid=719'
					break
					case 13:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category'
					break
					case 14:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=sale.coupon.detail&id=2'
					break
					case 15:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=sale.coupon.detail&id=22'
					break
					case 16:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=sale.coupon.detail&id=17'
					break
					case 17:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category.rank'
					break
					case 18:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.country_list'
					break
					case 19:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods&merchid=109'
					break
					case 20:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods'
					break
					case 21:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.brand_list'
					break
					case 22:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=sale.coupon'
					break
					case 23:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.brand&id=6823874988'
					break
					case 24:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=95'
					break
					case 25:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category.rank&cate=1111'
					break
					case 26:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=105'
					break
					case 27:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.brand&id=6823875036'
					break
					case 28:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category.rank&cate=1101'
					break
					case 29:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=107'
					break
					case 30:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=99'
					break
					case 31:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category.rank&cate=1186'
					break
					case 32:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=108'
					break
					case 33:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=104'
					break
					case 34:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category.rank&cate=718'
					break
					case 35:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=109'
					break
					case 36:window.location.href = 'http://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=111'
					break
				}
			}
		}
	}
</script>

<style lang='scss'>
	.bg {
		background: #e8e6e3;
		overflow-x: hidden;
	}
	.title {
		margin: 0 30rpx;
		padding: 28rpx 0 0 0;
		background-color: #e8e6e3;
		height: 116rpx;
		display: flex;
		justify-content: space-between;
		.category,.bag {
			display: flex;
			flex-direction: column;
			font-family: SourceHanSansCN-Normal;
			font-size: 17.65rpx;
			color: #967155;
			justify-content: center;
			align-items: center;
			padding-bottom: 10rpx;
		}
		.category {
			padding-bottom: 18rpx;
		}
		.search {
			image {
				width: 551rpx;
				height: 71rpx;
			}
		}
	}
	.swiper-item {
		height: 365rpx;
		image {
			width: 100%;
			height: 365rpx;
			border-radius: 3px;
		}
	}
	uni-swiper {
	    height: 400rpx;
	}
	.service {
		margin: 0 15rpx 48rpx;
		display: flex;
		height: 45rpx;
		background-color: #e0dad5;
		border-radius: 22.5rpx;
		font-family: SourceHanSansCN-Normal;
		font-size: 24rpx;
		color: #967155;
		padding: 0 25rpx;
		justify-content: space-between;
		align-items: center;
		view:first-child {
			padding-left: 30rpx;
			background: url("https://oss.laiba.shop/system/shop/icon.png") no-repeat top center;
			background-position: left -2rpx;
			background-size: 24rpx 130rpx;
		}
		view:nth-child(2) {
			padding-left: 30rpx;
			background: url("https://oss.laiba.shop/system/shop/icon.png") no-repeat top center;
			background-position: left -32rpx;
			background-size: 24rpx 130rpx;
		}
		view:nth-child(3) {
			padding-left: 30rpx;
			background: url("https://oss.laiba.shop/system/shop/icon.png") no-repeat top center;
			background-position: left -62rpx;
			background-size: 24rpx 130rpx;
		}
		view:last-child {
			padding-left: 30rpx;
			background: url("https://oss.laiba.shop/system/shop/icon.png") no-repeat top center;
			background-position: left -94rpx;
			background-size: 24rpx 130rpx;
		}
	}
	.big-category {
		margin: 0 30rpx;
		display: flex;
		flex-direction: column;
		.top,.bottom {
			display: flex;
			justify-content: space-between;
			view {
				display: flex;
				flex-direction: column;
				font-family: SourceHanSansCN-Light;
				font-size: 24rpx;
				color: #8d1c11;
				image {
					width: 100rpx;
					height: 100rpx;
					margin-bottom: 16rpx;
				}
			}
		}
		.bottom {
			margin-top: 30rpx;
		}
	}
	.coupon {
		margin-top: 20rpx;
		height: 635rpx;
		background: url("https://oss.laiba.shop/system/shop/coupun_big_bg.jpg") no-repeat center center;
		background-size: 100%;
		position: relative;
		.coupon-info {
			padding: 70rpx 0 0;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 85rpx;
				height: 23rpx;
			}
			text {
				font-family: STSongti-SC-Regular;
				font-size: 46rpx;
				letter-spacing: 4.6rpx;
				color: #292929;
				padding: 0 30rpx;
			}
		}
		.coupon-con {
			width: 100%;
			margin: 0 30rpx;
			position: absolute;
			left: 0;
			bottom: 0;
			.coupon-bg {
				height: 170rpx;
				image {
					width: 690rpx;
					height: 170rpx;
				}
			}
			.coupon-list {
				position: absolute;
				left: 0;
				bottom: 0;
				image {
					width: 180rpx;
					height: 360rpx;
					position: absolute;
				}
				image:first-child {
					left: 34rpx;
					bottom: 86rpx;
				}
				image:nth-child(2) {
					left: 256rpx;
					bottom: 86rpx;
				}
				image:last-child {
					left: 476rpx;
					bottom: 86rpx;
				}
			}
		}
	}
	.sale-top {
		margin: 40rpx 30rpx 0;
		height: 589rpx;
		background-color: #fff;
		border-radius: 10rpx;
		display: flex;
		.sale-left,.sale-right {
			width: 50%;
		}
		.sale-left,.sale-right {
			border-right: 2rpx solid #e6e6e6;
			.sale-left-top {
				border-bottom: 2rpx solid #e6e6e6;
				display: flex;
				flex-direction: column;
				padding: 20rpx 0 0 20rpx;
				height: 260rpx;
				view {
					display: flex;
					padding-top: 10rpx;
					image {
						width: 140rpx;
						height: 140rpx;
					}
					image:first-child {
						margin-right: 30rpx;
					}
				}
				text:nth-of-type(1) {
					font-family: SourceHanSansCN-Medium;
					font-size: 28.35rpx;
					color: #1a1a1a;
					font-weight: 600;
				}
				text:nth-of-type(2) {
					font-family: SourceHanSansCN-Medium;
					font-size: 24.5rpx;
					color: #7e7e7e;
					padding-top: 10rpx;
				}
			}
			.sale-left-center,.sale-left-bottom {
				height: 162rpx;
				border-bottom: 2rpx solid #e6e6e6;
				display: flex;
				/* align-items: center; */
				padding: 20rpx 0 0 20rpx;
				view:first-child {
					text:first-child {
						font-size: 28.46rpx;
						color: #1a1a1a;
						display: flex;
						flex-direction: column;
						font-weight: 600;
					}
					text:last-child {
						font-size: 24.5rpx;
						color: #7e7e7e;
					}
				}
				view:last-child {
					image {
						width: 140rpx;
						height: 140rpx;
					}
				}
			}
			.sale-left-bottom {
				border-bottom: none;
				.milk {
					margin-left: 36rpx;
				}
			}
		}
	}
	.goods-list {
		margin: 40rpx 30rpx 0;
		height: 620rpx;
		background-color: #fff;
		border-radius: 10rpx;
		.goods-top {
			height: 260rpx;
			border-bottom: 2rpx solid #e6e6e6;
			display: flex;
			.goods-top-left,.goods-top-right {
				padding: 20rpx 0 0 20rpx;
				width: 50%;
				border-right: 2rpx solid #e6e6e6;
				display: flex;
				flex-direction: column;
				text:nth-of-type(1) {
					font-family: PingFangSC-Medium;
					font-size: 28.35rpx;
					color: #1a1a1a;
					font-weight: 600;
				}
				text:nth-of-type(2) {
					font-family: PingFangSC-Regular;
					font-size: 24.4rpx;
					color: #7e7e7e;
					padding-top: 10rpx;
				}
				view {
					display: flex;
					justify-content: center;
					image {
						width: 140rpx;
						height: 140rpx;
					}
					image:first-child {
						margin-right: 20rpx;
					}
				}
			}
			.goods-top-right {
				border-right: none;
			}
		}
		.goods-bottom {
			height: 340rpx;
			padding: 20rpx 20rpx;
			.goods-info {
				font-family: PingFangSC-Medium;
				text:first-child {
					font-size: 28.46rpx;
					color: #1a1a1a;
					font-weight: 600;
				}
				text:last-child {
					font-size: 24.5rpx;
					color: #7e7e7e;
					padding-left: 12rpx;
				}
			}
			.goods-four {
				display: flex;
				justify-content: space-between;
				.goods-one {
					width: 124rpx;
					image {
						width: 140rpx;
						height: 140rpx;
						border-radius: 10rpx;
					} 
					.goods-title {
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						font-family: SourceHanSansCN-Regular;
						font-size: 20rpx;
						color: #191919;
					}
					.goods-price {
						font-family: PingFangSC-Medium;
						text:first-child {
							font-size: 24rpx;
							color: #df0023;
							font-weight: 600;
						}
						text:last-child {
							font-size: 20rpx;
							color: #b2b2b2;
							text-decoration: line-through;
							padding-left: 10rpx;
						}
					}
				}
				
			}
		}
	}
	.hot-sale {
		/* height: 1100rpx; */
		background: url("https://oss.laiba.shop/system/shop/coupun_big_bg.jpg") no-repeat top center;
		background-size: 100%;
		.hot-sale-info {
			padding: 90rpx 0 0;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 85rpx;
				height: 23rpx;
			}
			text {
				font-family: STSongti-SC-Regular;
				font-size: 46rpx;
				letter-spacing: 4.6rpx;
				color: #292929;
				padding: 0 30rpx;
			}
		}
		.hot-sale-list {
			margin: 40rpx 30rpx 0;
			/* height: 906rpx; */
			background-color: #fff;
			border-radius: 10rpx;
			.hot-sale-one {
				height: 180rpx;
				display: flex;
				align-items: center;
				.hot-sale-bg {
					width: 80rpx;
					height: 180rpx;
					background: url("https://oss.laiba.shop/system/shop/hot01.png") no-repeat center center;
					background-size: 36rpx 43rpx;
				}
				.hot-sale-pro {
					width: 100%;
					height: 180rpx;
					border-bottom: 2rpx solid #e6e6e6;
					display: flex;
					align-items: center;
					image {
						width: 120rpx;
						height: 120rpx;
						border-radius: 4rpx;
					}
					.hot-sale-title {
						padding-left: 30rpx;
						display: flex;
						flex-direction: column;
						.hot-sale-info-title {
							width: 400rpx;
							font-family: SourceHanSansCN-Regular;
							font-size: 28rpx;
							color: #1a1a1a;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					}
					.hot-sale-price {
						font-family: PingFangSC-Medium;
						text:first-child {
							font-size: 32rpx;
							color: #e00b2c;
						}
						text:last-child {
							font-size: 24rpx;
							color: #999;
							text-decoration: line-through;
							padding-left: 13rpx;
						}
					}
					.hot-sale-bag {
						width: 50rpx;
						height: 50rpx;
						background-color: #8d1c11;
						border-radius: 50%;
						text-align: center;
						line-height: 50rpx;
						margin-top: 52rpx;
					}
				}
			}
			.hot-sale-one:nth-child(2) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot02.png") no-repeat center center;
					background-size: 36rpx 43rpx;
				}
			}
			.hot-sale-one:nth-child(3) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot03.png") no-repeat center center;
					background-size: 36rpx 43rpx;
				}
			}
			.hot-sale-one:nth-child(4) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot04.png") no-repeat center center;
					background-size: 36rpx 43rpx;
				}
			}
			.hot-sale-one:nth-child(5) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot05.png") no-repeat center center;
					background-size: 36rpx 43rpx;
				}
				/* .hot-sale-pro {
					border-bottom: none;
				} */
			}
			.hot-sale-one:nth-child(6) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot06.png") no-repeat center center;
					background-size: 32rpx 32rpx;
				}
			}
			.hot-sale-one:nth-child(7) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot07.png") no-repeat center center;
					background-size: 32rpx 32rpx;
				}
			}
			.hot-sale-one:nth-child(8) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot08.png") no-repeat center center;
					background-size: 32rpx 32rpx;
				}
			}
			.hot-sale-one:nth-child(9) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot09.png") no-repeat center center;
					background-size: 32rpx 32rpx;
				}
			}
			.hot-sale-one:nth-child(10) {
				.hot-sale-bg {
					background: url("https://oss.laiba.shop/system/shop/hot10.png") no-repeat center center;
					background-size: 32rpx 32rpx;
				}
			}
			.hot-sale-one:last-child {
				.hot-sale-pro {
					border-bottom: none;
				}
			}
		}
	}
	.common {
		/* height: 609rpx; */
		background-color: #fff;
		border-radius: 10rpx;
		margin: 40rpx 30rpx 0;
		display: flex;
		flex-direction: column;
		.big-img {
			border-radius: 10rpx 10rpx 0 0;
			width: 100%;
			height: 341rpx;
		}
		.common-list {
			display: flex;
			justify-content: space-between;
			image {
				width: 124rpx;
				height: 124rpx;
				border-radius: 10rpx;
				margin-bottom: 16rpx;
			}
			.common-list-title {
				font-family: PingFangSC-Medium;
				border-right: 2rpx solid #e6e6e6;
				width: 33.33%;
				text-align: center;
				view:nth-of-type(1) {
					font-size: 30rpx;
					color: #1a1a1a;
					font-weight: 600;
					padding-top: 30rpx;
				}
				view:nth-of-type(2) {
					font-size: 20rpx;
					color: #9a9a9a;
					padding: 10rpx 0 10rpx;
				}
			}
		}
	}
	
</style>
